//1.引入样式表
//公用样式 
require('../../assets/css/index.less');
require('../../assets/fonts/iconfont.css');

// 引入weUI
//引入样式
require('../../lib/weui/weui.css');
//引入js库
let weui = require('../../lib/weui/weui.js');


// 当前页面样式
require('./player.less')

//2.引入工具函数 utils
const dom = require('../../utils/dom');
const https = require('../../utils/https');
const local = require('../../utils/local');

// 3.当前页面的js
dom.ready(function () {

    //获取本地数据
    let localData = local.get('videoS');
    //动态手动绑定第一条数据视频为默认播放视频
    dom.getEle('video').src = 'http://fitness.h5.itsource.cn:3701' + localData[0].videoUrl;

    //全局变量
    //标杆思想: 让一个事件源,在操作时实现两种不同状态 
    let flag = true;
    let index=0;//全局索引

    //功能一:播放&暂停
    dom.addEvent('#playBtn', function () {
        //标杆思想
        if (flag) {
            //播放
            dom.getEle('video').play();
            //切换标杆状态-让下一次走另一个条件
            // flag=false;
            //切换图标
            this.className='iconfont icon-stop';
        } else {
            //暂停
            dom.getEle('video').pause();
             //切换标杆状态-让下一次走另一个条件
            //  flag=true;
            //切换图标
            this.className='iconfont icon-play';
        }

        //切换
        flag=!flag;
    })

    console.log(localData);


    //下一个
    dom.addEvent('#nextBtn',function(){
        // console.log(index);
        //index自增1
        index++;
        ///企业实战中一般使用: 先判定再输出,放置的顺序不一样,条件也不一样 
        //判定是否走到最后一条数据,如果是最后一条数据,把index拉回到0位置
        if(index==localData.length){
            index=0;
        }

        //把index对应的数据视频地址设置到video中
        dom.getEle('video').src = 'http://fitness.h5.itsource.cn:3701' + localData[index].videoUrl;

        //判定是否走到最后一条数据
        // if(index==localData.length-1){
        //     index=-1;
        // }
    })


    //上一个
    dom.addEvent('#provBtn',function(){
        //index自增1
        index--;
        ///企业实战中一般使用: 先判定再输出,放置的顺序不一样,条件也不一样 
        //判定是否走到最后一条数据,如果是最后一条数据,把index拉回到0位置
        if(index==-1){
            index=localData.length-1;
        }

        //把index对应的数据视频地址设置到video中
        dom.getEle('video').src = 'http://fitness.h5.itsource.cn:3701' + localData[index].videoUrl;

    })

})